<!DOCTYPE html>
<html>
	<head>
		<title>dengyuanke.com</title>

		<!-- meta -->
		<meta charset="UTF-8">
	    <meta name="viewport" content="width=device-width, initial-scale=1">

	    <!-- css -->
		<link rel="stylesheet" href="css/bootstrap.min.css">
		<link rel="stylesheet" href="css/ionicons.min.css">
		<link rel="stylesheet" href="css/pace.css">
	    <link rel="stylesheet" href="css/custom.css">

	    <!-- js -->
	    <script src="js/jquery-2.1.3.min.js"></script>
	    <script src="js/bootstrap.min.js"></script>
	    <script src="js/pace.min.js"></script>
	    <script src="js/modernizr.custom.js"></script>
	</head>

	<body>
	<div id="main-body">
		<div class="container">
			<header-componet></header-componet>
		</div>

		<div class="content-body">
			<div class="container">
				<div class="row">
					<main class="col-md-12">
						<article class="post post-1" v-for="(post,index) in artiscles">
							<header class="entry-header">
								<h1 class="entry-title">
									<a :href="'single.html?id=' + post.id ">{{post.title}}</a>
								</h1>
								<div class="entry-meta">
									<span class="post-category"><a :href="'full-width.html?type=category&id=' + post.categoryId ">{{post.categoryName}}</a></span>
									<span class="post-date"><a href="#" @click="archive(post.releaseTime)"><time class="entry-date">{{post.releaseTime|formatDate}}</time></a></span>
								</div>
							</header>
							<div class="entry-content clearfix">
								<p>{{post.summary}}</p>
								<div class="read-more cl-effect-14">
									<a :href="'single.html?id=' + post.id " class="more-link">阅读更多 <span class="meta-nav">→</span></a>
								</div>
							</div>
						</article>
						<!--分页-->
						<div class="page-navigator">
							<a href="#" class="prev" v-show="current != 1" @click="current-- && changePage(current)">←上一页</a>
							<a href="#" class="next" v-show="pageTotal != current && pageTotal != 0 " @click="current++ && changePage(current)">下一页&gt;&gt;</a>
							<!--<div class="center"><a href="#">所有文章</a></div>-->
						</div>
					</main>
				</div>
			</div>
		</div>
		<footer id="site-footer">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<p class="copyright">&copy; 2018 dengyuanke.com</p>
					</div>
				</div>
			</div>
		</footer>

		<!-- Mobile Menu -->
		<div class="overlay overlay-hugeinc">
			<button type="button" class="overlay-close"><span class="ion-ios-close-empty"></span></button>
			<nav>
				<ul>
					<li><a href="index.html">Home</a></li>
					<li><a href="full-width.html">Blog</a></li>
					<li><a href="about.html">About</a></li>
					<li><a href="contact.html">Contact</a></li>
				</ul>
			</nav>
		</div>
	</div>

		<script src="js/vue.min.js"></script>
		<script src="js/vue-component.js"></script>
		<script src="js/axios.min.js"></script>
		<script src="js/moment.min.js"></script>
		<script src="js/config.js"></script>
		<script src="js/full-width.js"></script>
		<script src="js/script.js"></script>
	</body>
</html>
